.return {
  margin-left: 40rpx;
  color: #fff;
  font-size: 40rpx;
}
.title {
  position: fixed;
  top: 0;
  background-color: rgba(46, 76, 100, 0);
  width: 100%;
  color: #ffffff;
  font-weight: bold;
  font-size: 32rpx;
  margin: 0;
  z-index: 99;
  .x_icon {
    width: 20rpx;
    height: 20rpx;
    margin-left: 11rpx;
  }
}
.screen {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.top {
  height: 540rpx;
  background-image: url("https://m.bjclb.cn/assets/classroom/index1.png");
  background-size: 100% 100%;
  .weather {
    padding: 180rpx 0 0 29rpx;
    .weather_left {
      div {
        &:nth-child(2) {
          margin-top: 10rpx;
        }
        &:nth-child(3) {
          padding: 10rpx 25rpx;
          background: #14c97c;
          border-radius: 50rpx;
          margin-top: 10rpx;
        }
      }
    }
  }
  img {
    width: 150rpx;
    height: 150rpx;
    margin-left: 53rpx;
  }
}
.equipment {
  margin-top: -272rpx;
  margin-left: 10rpx;
  .equipment_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 30rpx;
  }
  .equipment_ {
    text-align: center;
    &:nth-child(3n-2) {
      margin-left: 0rpx;
    }
    margin-left: 20rpx;
    margin-top: 20rpx;
    background-color: #fff;
    background: #ffffff;
    border-radius: 24rpx;
    padding: 22rpx 0 25rpx 0;
    width: 208rpx;
    .f-w {
      margin-bottom: 10rpx;
      width: 200rpx;
    }
    image {
      width: 140rpx;
      height: 100rpx;
      margin-bottom: 23rpx;
    }
  }
}
.blue{
  background-color: #247af1 !important;
}

.all_devices {
  margin: 60rpx 30rpx 0px 30rpx;
  padding-bottom: 180rpx;
  .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .devices_list {
      width: 285rpx;
      background-color: #fff;
      border-radius: 24rpx;
      padding: 13rpx 25rpx;
      margin-top: 20rpx;
      view {
        &:nth-child(1) {
          display: flex;
          margin-bottom: 40rpx;
        }
        &:nth-child(2) {
          margin-bottom: 10rpx;
        }
      }
      image {
        &:nth-child(1) {
          width: 140rpx;
          height: 100rpx;
          margin-right: 67rpx;
        }
      }
    }
  }
}